<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="./css/init.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="js/jq3.6.js" type="text/javascript" charset="utf-8"></script>
    <title>穷游网</title>
</head>

<body>
    <!-- 头部 -->
    <header class="header">
        <div class="top">
            <div class="header__top-top">
                <div class="top__left">
                    <img src="./img/logo.png">
                    <div class="header__link">
                        <a href="#">目的地</a>
                        <a href="#">锦囊</a>
                        <a href="#">社区∨</a>
                        <a href="#">行程助手</a>
                        <a href="#">商城∨</a>
                        <a href="#">酒店·民宿∨</a>
                        <a href="#">特价酒店</a>
                    </div>
                </div>
                <div class="top__right">
                    <img src="./img/放大镜 (1).png" alt="">
                    <span>|</span>
                    <img src="./img/淘宝.png">
                    <img src="./img/qq.png">
                    <img src="./img/微信.png">
                    <img src="./img/微博.png">
                    <a href="#">注册</a>
                    <a href="#">登录</a>
                </div>
            </div>
            <button class="header__top-left" value="">＜</button>
            <button class="header__top-right">＞</button>
            <div class="top__center">
                <div class="top__center-top">
                    <div class="top__center-top-btn1">特价酒店</div>
                    <div class="top__center-top-btn2">看攻略</div>
                    <div class="top__center-top-btn3">做行程</div>
                </div>
                <div class="top__center-bottom">
                    <div class="top__center-bottom-input">
                        <input class="top__center-bottom-input1" value="搜城市/机场/地标/酒店">
                        <input class="top__center-bottom-input2" value="入住日期 - 离店日期">
                    </div>
                    <input class="top__center-bottom-btn" type="button" value="搜索特价酒店">

                </div>
            </div>
            <div class="top__bottom">
                <div class="header__pagenum"><span class="page">1</span><span class="allpage">/4</span></div>
                <div class="header__title">【中国内地游记攻略】[丽江] 在玉龙雪山下过几天悠哉慢生活</div>
                <div class="header__author">karenluna</div>
            </div>
        </div>
        <!-- 轮播图内容 -->
        <div class="swiper" id="swiper"> </div>
    </header>
    <div class="border"></div>
    <!-- 主体 -->
    <section class="section">
        <div class="section__main1 ">
            <div class="main1__img w-1340">
                <img class="img__1" src="./img/app.jpg">
                <img class="img__2" src="./img/Biu.jpg">
            </div>
        </div>
        <div class="main2 w-1340">
            <h2 class="main2__h2">
                <a href="#" class="main2__notice">
                    <span>出境游安全提示></span>
                </a>
                <span class="main2__title">今日推荐</span>
            </h2>
            <ul class="section--one-top">
                <li class="section--one-li">
                    <img class="img" src="./img/tu1.jpg" alt="">
                    <div class="section--one-btu">
                        <a href="">呼囧 | 穿越秘境，出逃呼伦贝尔,在狂风呼啸中记录夏天里的</a>
                    </div>
                    <div class="section--one-span">
                        <a href="#">in老板</a>
                        <a href="#">44676人浏览过</a>
                    </div>
                </li>
                <li class="section--one-li">
                    <img class="img" src="./img/tu2.jpg" alt="">
                    <div class="section--one-btu">
                        <a href="">上海南京杭州无锡武汉直飞三亚海口博鳌5-12天往返含税（送行</a>
                    </div>
                    <div class="section--one-span">
                        <a href="#">上海，杭州，南京，无锡</a>
                        <a href="#"><span class="section--one-span-a">1190</span>元起</a>
                    </div>
                </li>
                <li class="section--one-li">
                    <img class="img" src="./img/tu3.jpg" alt="">
                    <div class="section--one-btu">
                        <a href="">【金刚&口丁行天下】奇趣岛，不止是三亚，2021.1-2海南环岛</a>
                    </div>
                    <div class="section--one-span">
                        <a href="#">口丁口丁</a>
                        <a href="#">44676人浏览过</a>
                    </div>
                </li>
                <li class="section--logon">
                    <div>
                        <p class="logon__title">让我们更懂你</p>
                        <p class="logon__center">拥有穷游账号，获得更准确的推荐</p>
                    </div>
                    <button class="logon__btn">立即注册</button>
                    <div class="logon__bottom">已有帐号？<a href="#">登录</a></div>
                    <div class="logon__img">
                        <img src="./img/淘宝.png">
                        <img src="./img/qq.png">
                        <img src="./img/微信.png">
                        <img src="./img/微博.png">
                    </div>
                </li>
            </ul>
            <ul class="section--one-bottom">
                <li class="section--one-li">
                    <img class="img" src="./img/tu4.jpg" alt="">
                    <div class="section--one-btu">
                        <a href="">[端午/暑期]上海/南京直飞三亚5/6天往返含税机票（多航司可选+含</a>
                    </div>
                    <div class="section--one-span">
                        <a href="#">杭州，上海，南京，扬州</a>
                        <a href="#"><span class="section--one-span-a">1190</span>元起</a>
                    </div>
                </li>
                <li class="section--one-li">
                    <img class="img" src="./img/tu5.jpg" alt="">
                    <div class="section--one-btu">
                        <a href="">在渔港边，住了一间有态度的小旅社，他们竟然还周休一日</a>
                    </div>
                    <div class="section--one-span">
                        <a href="#">我走我的独木桥</a>
                        <a href="#">廖信忠</a>
                    </div>
                </li>
                <li class="section--one-li">
                    <img class="img" src="./img/tu6.jpg" alt="">
                    <div class="section--one-btu">
                        <a href="">沿北纬30度前行，寻秘隐世神农架，探访恩施大峡谷，烟雨朦胧</a>
                    </div>
                    <div class="section--one-span">
                        <a href="#">rain_chenyu</a>
                        <a href="#">52337人浏览过</a>
                    </div>
                </li>
                <li class="section--one-li">
                    <img class="img" src="./img/tu7.jpg" alt="">
                    <div class="section--one-btu">
                        <a href="">【活猪子出品】大河之路—跟着奥斯卡电影《绿皮书》，玩转美</a>
                    </div>
                    <div class="section--one-span">
                        <a href="#">活猪蹄子</a>
                        <a href="#">144748人浏览过</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="section__main3 ">
            <div class="main3__top w-1340">
                <div class="main3__top-title">穷游商城</div>
                <div class="main3__top-next">换一换</div>
            </div>
            <div class="main3__section w-1340">
                <div class="main3__section-img">
                    <img src="./img/sc1.jpg" alt="">
                    <div class="main3__section-img-right">
                        <div class="main3__img-title">上海南京杭州无锡武汉直飞三亚海口博鳌5-12天...</div>
                        <div class="main3__img-logo">新鲜甩尾</div>
                        <div class="main3__img-sale">￥1199<span>元起</span></div>
                    </div>
                </div>
                <div class="main3__section-img">
                    <img src="./img/sc1.jpg" alt="">
                    <div class="main3__section-img-right">
                        <div class="main3__img-title">上海南京杭州无锡武汉直飞三亚海口博鳌5-12天...</div>
                        <div class="main3__img-logo">新鲜甩尾</div>
                        <div class="main3__img-sale">￥1199<span>元起</span></div>
                    </div>
                </div>
                <div class="main3__section-img">
                    <img src="./img/sc3.jpg" alt="">
                    <div class="main3__section-img-right">
                        <div class="main3__img-title">上海南京杭州无锡武汉直飞三亚海口博鳌5-12天...</div>
                        <div class="main3__img-logo">新鲜甩尾</div>
                        <div class="main3__img-sale">￥1199<span>元起</span></div>
                    </div>
                </div>
                <div class="main3__section-img">
                    <img src="./img/sc4.jpg" alt="">
                    <div class="main3__section-img-right">
                        <div class="main3__img-title">上海南京杭州无锡武汉直飞三亚海口博鳌5-12天...</div>
                        <div class="main3__img-logo">新鲜甩尾</div>
                        <div class="main3__img-sale">￥1199<span>元起</span></div>
                    </div>
                </div>
                <div class="main3__section-img">
                    <img src="./img/sc1.jpg" alt="">
                    <div class="main3__section-img-right">
                        <div class="main3__img-title">上海南京杭州无锡武汉直飞三亚海口博鳌5-12天...</div>
                        <div class="main3__img-logo">新鲜甩尾</div>
                        <div class="main3__img-sale">￥1199<span>元起</span></div>
                    </div>
                </div>
                <div class="main3__section-img">
                    <img src="./img/sc1.jpg" alt="">
                    <div class="main3__section-img-right">
                        <div class="main3__img-title">上海南京杭州无锡武汉直飞三亚海口博鳌5-12天...</div>
                        <div class="main3__img-logo">新鲜甩尾</div>
                        <div class="main3__img-sale">￥1199<span>元起</span></div>
                    </div>
                </div>
                <div class="main3__section-bottom">
                    <input type="btn" value="查看更多商品" class="main3__section-bottom-btn">
                </div>
            </div>

        </div>
        </div>
        <div class="section__main4 w-1340">
            <div class="section__main4-top">热门游记与话题</div>
            <div class="main4__main">
                <div class="main4__top">
                    <div class="main4__img"> <img src="./img/re1.jpg">
                        <div class="main4__img-main">精华</div>
                        <div class="main4__perpeo"><img src="./img/re1.1.jpg" alt=""></div>
                    </div>
                    <div class="main4__bottom">
                        <div class="main4__author">成吉思汗</div>
                        <div class="main4__title"><a href="#">人间最美四月天，再续西藏桃花缘。</a></div>
                    </div>
                </div>
                <div class="main4__top">
                    <div class="main4__img"> <img src="./img/re2.jpg">
                        <div class="main4__img-main">精华</div>
                        <div class="main4__perpeo"><img src="./img/re1.2.jpg" alt=""></div>
                    </div>
                    <div class="main4__bottom">
                        <div class="main4__author">成吉思汗</div>
                        <div class="main4__title"><a href="#">人间最美四月天，再续西藏桃花缘。</a></div>
                    </div>
                </div>
                <div class="main4__top">
                    <div class="main4__img"> <img src="./img/re3.jpg">
                        <div class="main4__img-main">精华</div>
                        <div class="main4__perpeo"><img src="./img/re1.3.jpg" alt=""></div>
                    </div>
                    <div class="main4__bottom">
                        <div class="main4__author">成吉思汗</div>
                        <div class="main4__title"><a href="#">人间最美四月天，再续西藏桃花缘。</a></div>
                    </div>
                </div>
                <div class="main4__top">
                    <div class="main4__img"> <img src="./img/re4.jpg">
                        <div class="main4__img-main">精华</div>
                        <div class="main4__perpeo"><img src="./img/re1.4.jpg" alt=""></div>
                    </div>
                    <div class="main4__bottom">
                        <div class="main4__author">成吉思汗</div>
                        <div class="main4__title"><a href="#">人间最美四月天，再续西藏桃花缘。</a></div>
                    </div>
                </div>
                <div class="main4__top">
                    <div class="main4__img"> <img src="./img/re5.jpg">
                        <div class="main4__img-main">精华</div>
                        <div class="main4__perpeo"><img src="./img/re1.5.jpg" alt=""></div>
                    </div>
                    <div class="main4__bottom">
                        <div class="main4__author">成吉思汗</div>
                        <div class="main4__title"><a href="#">人间最美四月天，再续西藏桃花缘。</a></div>
                    </div>
                </div>
                <div class="main4__top">
                    <div class="main4__img"> <img src="./img/re6.jpg">
                        <div class="main4__img-main">精华</div>
                        <div class="main4__perpeo"><img src="./img/re1.6.jpg" alt=""></div>
                    </div>
                    <div class="main4__bottom">
                        <div class="main4__author">成吉思汗</div>
                        <div class="main4__title"><a href="#">人间最美四月天，再续西藏桃花缘。</a></div>
                    </div>
                </div>
                <div class="main4__top">
                    <div class="main4__img"> <img src="./img/re7.jpg">
                        <div class="main4__img-main">精华</div>
                        <div class="main4__perpeo"><img src="./img/re1.7.jpg" alt=""></div>
                    </div>
                    <div class="main4__bottom">
                        <div class="main4__author">成吉思汗</div>
                        <div class="main4__title"><a href="#">人间最美四月天，再续西藏桃花缘。</a></div>
                    </div>
                </div>
                <div class="main4__top">
                    <div class="main4__img"> <img src="./img/re8.jpg">
                        <div class="main4__img-main">精华</div>
                        <div class="main4__perpeo"><img src="./img/re1.8.jpg" alt=""></div>
                    </div>
                    <div class="main4__bottom">
                        <div class="main4__author">成吉思汗</div>
                        <div class="main4__title"><a href="#">人间最美四月天，再续西藏桃花缘。</a></div>
                    </div>
                </div>
            </div>
            <div class="main4__bottom-icons">
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span" style="background-color: chartreuse;"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
                <div class="main4__bottom-span"></div>
            </div>
            <div class="main4__buttom--btn">
                <input type="button" value="查看更多游记" class="main4__buttom-btn">
            </div>
            <div></div>
        </div>
        <div class="section__main5">
            <div class="main5__top w-1340">
                <div class="main5__top-one">
                    <div class="main5__top-title">穷游体验馆</div>
                    <div class="main5__top-bottom">
                        <img src="./img/4-1.jpg" alt="">
                        <div style="line-height: 40px;font-size: 22px; color: #232323;margin-left :10px;">千年一梦到浮梁，秒穿国...</div>
                        <div style="font-size: 16px;padding-bottom: 20px;margin-left :10px;">价值<span style="color: darkorange;font-size: 32px;">6500</span>元</div>
                        <div class="main5__user">
                            <div style="margin-left :10px;">近期<br/>参与</div>
                            <img src="img/join1.jpg" alt="">
                            <img src="img/join2.jpg" alt="">
                            <img src="img/join3.jpg" alt="">
                            <img src="img/join4.jpg" alt="">
                            <img src="img/join5.jpg" alt="">
                        </div>
                    </div>
                    <button class="main5__top-one-btn">查看往期</button>

                </div>
                <div class="main5__top-two">
                    <div class="main5__top-title">特别策划</div>
                    <img src="./img/4-2.jpg" alt="">
                </div>
                <div class="main5__top-three">
                    <div class="main5__top-title3">查看全部></div>
                    <img src="./img/4-5.jpg" alt="">
                    <img src="./img/4-6.jpg" alt="">
                    <img src="./img/4-7.jpg" alt="">
                    <img src="./img/4-8.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="section__main6 w-1340">
            <div class="section__main6-top">Biu! Biu!</div>
            <div class="section__main6-imgs">
                <ul>
                    <li><img src="./img/Biu1.jpg" alt=""></li>
                    <li><img src="./img/biu10.jpg" alt=""></li>
                    <li><img src="./img/biu11.jpg" alt=""></li>
                    <li><img src="./img/biu12.jpg" alt=""></li>
                </ul>
                <ul>
                    <li><img src="./img/biu13.jpg" alt=""></li>
                    <li><img src="./img/biu14.jpg" alt=""></li>
                    <li><img src="./img/biu15.jpg" alt=""></li>
                    <li><img src="./img/biu16.jpg" alt=""></li>
                </ul>
                <ul>
                    <li><img src="./img/biu17.jpg" alt=""></li>
                    <li><img src="./img/biu18.jpg" alt=""></li>
                    <li><img src="./img/biu19.jpg" alt=""></li>
                    <li><img src="./img/biu20.jpg" alt=""></li>
                </ul>
                <ul>
                    <li><img src="./img/biu3.jpg" alt=""></li>
                    <li><img src="./img/biu4.jpg" alt=""></li>
                    <li><img src="./img/biu5.jpg" alt=""></li>
                    <li><img src="./img/biu6.jpg" alt=""></li>
                </ul>
            </div>
        </div>
        <div class="section__main7">
            <img src="./img/main7.png" alt="">
        </div>
        <div class="section__main8 w-1340">
            <div class="main8__left">
                <h3>穷游APP</h3>
                <img src="./img/appbottom.jpg" style="border-radius: 10px;">
                <img src="./img/行程png.png" alt="">
                <img src="./img/锦囊.png" alt="">
            </div>
            <div class="main8__right">
                <h3>微信号</h3>
                <img src="./img/二维码.png" alt="">
                <img src="./img/二维码2.png" alt="">
            </div>
        </div>
    </section>
    <!-- 页尾 -->
    <footer class="footer">
        <!-- 页尾第一部分 -->
        <div class="footer__main1">
            <div class="footer__main1-left">
                <div class="footer__main1-left-div">
                    <div class="footer__main1-div">
                        <h5>关于我们</h5>
                        <h5><a href="#">穷游简介</a></h5>
                        <h5><a href="#">联系我们</a></h5>
                        <h5><a href="#">合作伙伴</a></h5>
                    </div>
                    <div class="footer__main1-div">
                        <h5>加入穷游</h5>
                        <h5><a href="#">招聘职位</a></h5>
                    </div>
                    <div class="footer__main1-div">
                        <h5>网站条款</h5>
                        <h5><a href="#">会员条款</a></h5>
                        <h5><a href="#">社区指南</a></h5>
                        <h5><a href="#">版权声明</a></h5>
                        <h5><a href="#">免责声明</a></h5>
                    </div>
                    <div class="footer__main1-div">
                        <h5>帮助中心</h5>
                        <h5><a href="#">新手上路</a></h5>
                        <h5><a href="#">使用帮助</a></h5>
                        <h5><a href="#">网站地图</a></h5>
                        <h5><a href="#">旅游工具</a></h5>
                    </div>
                </div>

            </div>
            <div class="footer__main1-right"></div>
        </div>
        <!-- 页尾第二部分 -->
        <div class="footer__main2">
            <!--页尾第二部分的第一部分  -->
            <div class="footer__main2-top">
                <div class="footer__top-logo">
                    <a href="#"><img height="30" src="./img/Qqy.png" alt=""></a>
                </div>
                <div class="footer__top-div">
                    <div>
                        <p>2004-2021 © 穷游网® qyer.com All rights reserved. Version v5.57&nbsp;&nbsp;
                            <a href="#">京ICP备12003524号</a>&nbsp;&nbsp;
                            <a href="#"><img height="14" src="./img/polic.png" alt="">京公网安备11010502041090&nbsp;&nbsp; </a>
                            京ICP证140673号&nbsp;&nbsp;
                            <a href="#">营业执照</a>&nbsp;&nbsp;<a href="#">经营许<br>可证</a>
                        </p>
                        <p>
                            <a href="#">穷游网</a>为
                            <a href="#">旅游</a>者提供原创实用的
                            <a href="#">出境游</a>
                            <a href="#">旅游指南</a>和
                            <a href="#">旅游攻略</a>、
                            <a href="#">旅行社区</a>和
                            <a href="#">问答</a>交流平台，并提供
                            <a href="#">签证</a>、
                            <a href="#">保险</a>、
                            <a href="#">机票</a>、
                            <a href="#">酒店预订</a>、
                            <a href="#">租车</a>等服务。
                        </p>
                    </div>
                    <div class="wx">
                        <a href="#"><img height="25" src="./img/7.png" alt=""></a>&nbsp;&nbsp;
                        <a href="#"><img height="25" src="./img/pp.png" alt=""></a>
                    </div>

                </div>
            </div>
            <!--页尾第二部分的第二部分  -->
            <div class="footer__main2-bottom">
                <div class="footer__main2-p">
                    <div>友情链接</div>
                </div>
                <div class="footer__main2-div">
                    <p>
                        <a href="#">Hertz国际租车&nbsp;|&nbsp;</a>
                        <a href="#">大自驾网&nbsp;|&nbsp;</a>
                        <a href="#">凤凰古城住宿推荐&nbsp;|&nbsp;</a>
                        <a href="#">信息聚合&nbsp;|&nbsp;</a>
                        <a href="#">豌豆荚安卓市场&nbsp;|&nbsp;</a>
                        <a href="#">凤凰网旅游&nbsp;|&nbsp;</a>
                        <a href="#">神州租车&nbsp;|&nbsp;</a>
                        <a href="#">中国签证资讯网&nbsp;|&nbsp;</a>
                        <a href="#">北京国旅官网&nbsp;|&nbsp;</a>
                        <a href="#">同程旅游&nbsp;|&nbsp;</a>
                        <a href="#">相约久久旅游网&nbsp;|&nbsp;</a>
                        <a href="#">携程旅游网&nbsp;|&nbsp;</a>
                        <a href="#">户外资料网&nbsp;|&nbsp;</a>
                        <a href="#">火车票&nbsp;|&nbsp;</a>
                        <a href="#">绿野网&nbsp;|&nbsp;</a>
                        <a href="#">欣欣旅游网&nbsp;|&nbsp;</a>
                        <a href="#">驴妈妈旅游网&nbsp;|&nbsp;</a>
                        <a href="#">多多驿站&nbsp;|&nbsp;</a>
                        <a href="#">艺龙旅游指南&nbsp;</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
</body>
<script type="text/javascript">
    //模拟构建一个json轮播数据
    var swiper_data = {
            //得到的数据内容
            content: [{
                imgurl: "./img/1.jpg"
            }, {
                imgurl: "./img/2.jpg"
            }, {
                imgurl: "./img/3.jpg"
            }, {
                imgurl: "./img/4.jpg"
            }],
            //切换时间
            time: 5000,
            //当前轮播页数
            current: 3,
            //是否循环
            loop: true,
            //是否自动加载 ，一上来就直接播放
            autoplay: true,
        }
        //声明本地的current的值
    var current = swiper_data.current
        //轮播的播放状态
    var isplay = true
        // content参数表示我们要轮播的个数，通常是一个数组
    function swiper() {
        var count = swiper_data.content.length
        for (var i = 0; i < count; i++) {
            //循环写入div
            $("#swiper").append("<div style=\"display:none;width:100%;height:100%;background-image:url(" + swiper_data.content[i].imgurl + ")\"></div>")
        }
        //动态增加标记符
        // if (count > 1) {
        //     var span = ""
        //     for (var i = 1; i <= count; i++) {
        //         span += "<span class=\"icons_item\" index=\"" + i + "\"></span>"
        //     }

        //     $("#swiper").append("<p id=\"icons\" style=\"position:absolute;left:0;bottom:10px;display:flex;width:100%;justify-content:center;\">" + span + "</p>")
        // }
        $("#swiper>div:nth-child(" + swiper_data.current + ")").css({
                display: "block"
            })
            //鼠标移入，轮播暂停
        $("#swiper").mouseover(function() {
                isplay = false
            })
            //鼠标移出，轮播继续
        $("#swiper").mouseout(function() {
                isplay = true
            })
            //给所有标记符增加单击事件
            // $(".icons_item").click(function(e) {
            //         current = ($(e.target).attr("index"))
            //             // current=$(e.target).attr("index")
            //         $("#swiper>div").css({
            //             "display": "none"
            //         })
            //         $("#swiper>div:nth-child(" + current + ")").css({
            //             "display": "block"
            //         })
            //     })
            //前一张
        $(".header__top-left").click(function(e) {
                if (current > 1) {
                    current--
                } else {
                    current = swiper_data.content.length
                }
                $("#swiper>div").css({
                    "display": "none"
                })
                $("#swiper>div:nth-child(" + current + ")").css({
                    "display": "block"
                })
            })
            //后一张
        $(".header__top-right").click(function(e) {
            if (current < 4) {
                current++
            } else {
                current = 1
            }
            $("#swiper>div").css({
                "display": "none"
            })
            $("#swiper>div:nth-child(" + current + ")").css({
                "display": "block"
            })
        })

    }

    //创建定时器
    setInterval(function() {
            //在计时器中实现图片的切换
            //修改对应的current的值
            if (isplay) {
                if (current < swiper_data.content.length) {
                    current++
                } else {
                    current = 1
                }
                $("#swiper>div").css({
                    "display": "none"
                })
                $("#swiper>div:nth-child(" + current + ")").css({
                    "display": "block"
                })
            }
        }, swiper_data.time)
        // jquary特殊语法$()表示页面加载完成，自动运行
    $(swiper())
</script>


</html>